<html>
<head>
  <meta charset="utf-8">
  <title>线路综合信息</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
</head>
<body>
    <div class="layui-fluid" style="height: calc(100% - 30px);">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md3">
<!--            <img src="../../layuiadmin/images/02 (5).png" class="tableBg"/>-->
          <div class="title_text">车站故障统计</div>
          <div class="moduleBg">
            <table id="LAY-AnalysisOfAlarmData" lay-filter="LAY-AnalysisOfAlarmData"></table>
          </div>
        </div>
        <div class="layui-col-md9 AnalysisOfAlarmDatamain">
          <div class="layui-row AnalysisOfAlarmDatamainT">
            <div class="layui-col-md4 echartsDiv echartsDiv-col ">
              <div class="title_text">重要设备故障统计TOP10</div>
<!--                <img src="../../layuiadmin/images/02 (1).png" class="tableBg"/>-->
              <div class="moduleBg">
                <div id="stationAlarm0"></div>
              </div>
            </div>
            <div class="layui-col-md4 echartsDiv echartsDiv-col" style="margin: 0 15px">
<!--                <img src="../../layuiadmin/images/02 (4).png" class="tableBg"/>-->
              <div class="title_text">各专业故障统计</div>
              <div class="moduleBg">
                <div id="stationAlarm1"></div>
              </div>
            </div>
            <div class="layui-col-md4 echartsDiv echartsDiv-col">
<!--                <img src="../../layuiadmin/images/01.png" class="tableBg"/>-->
              <div class="title_text">各级别故障统计</div>
              <div class="moduleBg">
                <div id="stationAlarm2"></div>
              </div>
            </div>
          </div>  
          <div class="layui-row" >
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md12" style="height: 63%;">
              <div class="title_text">实时报警</div>
              <div class="moduleBg">
                <div class="table-footer">
                  <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                    <div class="layui-form-item">
                      <div class="layui-inline">
                        <label class="layui-form-label">车站名:</label>
                        <div class="layui-input-block">
                          <select name="alarmStation" id="alarmStations">
                            <option value="">请选择</option>
                          </select>
                        </div>
                      </div>
                      <div class="layui-inline">
                        <label class="layui-form-label">系统:</label>
                        <div class="layui-input-block">
                          <select name="alarmSystem" id="alarmSystems">
                            <option value="">请选择</option>
                          </select>
                        </div>
                      </div>
                      <div class="layui-inline">
                        <label class="layui-form-label">优先级:</label>
                        <div class="layui-input-block">
                          <select name="rank" id="alarmLevels">
                            <option value="">请选择</option>
                          </select>
                        </div>
                      </div>
                      <div class="layui-inline">
                        <label class="layui-form-label">开始时间</label>
                        <div class="layui-input-inline">
                          <i class="layui-icon layui-icon-date"></i>
                          <input type="text" name="startDate" placeholder="请输入" autocomplete="off" class="layui-input" id="startDate">
                        </div>
                      </div>
                      <div class="layui-inline">
                        <label class="layui-form-label">结束时间 </label>
                        <div class="layui-input-inline">
                          <i class="layui-icon layui-icon-date"></i>
                          <input type="text" name="endDate" placeholder="请输入" autocomplete="off" class="layui-input" id="endtDate">
                        </div>
                      </div>
                      <div class="layui-inline">
                        <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-back-search">
                          <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                          查询
                        </button>
                      </div>
                    </div>
                  </div>
                  <table id="allLineRealAlarm" lay-filter="allLineRealAlarm"></table>
                 
                </div>
              </div>
<!--              <img src="../../layuiadmin/images/02 (6).png" class="tableBg"/>-->
            </div>
          </div>
        </div>
      </div>  
    </div>
  <script type="text/html" id="forAlarmStatus">
      {{#  if(d.alarmStatus == '1'){d.alarmStatus = '已恢复' }}
      {{d.alarmStatus}}
      {{#  } else {d.alarmStatus = '未恢复' }}
      {{d.alarmStatus}}
      {{#  } }}
  </script>
  <script type="text/html" id="forTaskRank">
    {{#  if(d.rank == '1'){d.rank = '紧急'}}
    {{d.rank}}
    {{#  } else if (d.rank == '2'){d.rank = '高' }}
    {{d.rank}}
    {{#  } else if (d.rank == '3'){d.rank = '中' }}
    {{d.rank}}
    {{#  } else {d.rank = '低' }}
    {{d.rank}}
    {{#  } }}
</script>
  <script src="../../layuiadmin/layui/layui.js"></script>
  <script src='../../layuiadmin/modules/echarts.js'></script>
  <script>
    layui.config({
      base: '../../layuiadmin/' //静态资源所在路径
    }).extend({
      index: 'lib/index' //主入口模块
      , my_send: '../myModules/my_send'
    }).use(['index', 'dataAnalysis', 'laydate','table','my_send'], function(){
      // var table = layui.table
      var laydate = layui.laydate
      ,form = layui.form
      ,table = layui.table
      // , my_send = layui.my_send
      , http_proxy = layui.http_proxy;
      laydate.render({
        elem: '#startDate'
        ,trigger: 'click'
        ,position:'fixed'
      });
      laydate.render({
        elem: '#endtDate'
        ,trigger: 'click'
        ,position:'fixed'
      });
      //点击查询按钮，重载表格
      form.on('submit(LAY-user-back-search)', function (data) {
        //执行重载
        table.reload('allLineRealAlarm', {
          url: http_proxy('/alarm/queryAllLineRealAlarm') //模拟接口
          , method: 'post'
          , contentType : "application/json"
          ,request: {
            pageName: 'pageNo', //页码的参数名称，默认：page
            limitName: 'pageSize' //每页数据量的参数名，默认：limit
          }
          ,where: data.field
        });
      });
    });
    </script> 
</body>
</html>





